home *** CD-ROM | disk | FTP | other *** search
Text File | 2007-12-20 | 19.4 KB | 1,015 lines |
- /*
- CSS for StreamerSettings page.
- */
-
- html {
- overflow-y:hidden;
- overflow-x:hidden;
- }
-
- BODY {
- margin:0px;
- padding:0px;
-
- font-family:Verdana,"Trebuchet MS", Arial, sans-serif;
- font-size:10px;
- }
-
- #DIV_CONTENTS {
- /*
- This is the divider line between the header and the content section.
- Specifying any values here will override the default values found in styles.css
- */
- }
-
- #SETTINGS_HEADER {
- top:105px;
- position:absolute;
- width:100%;
- height:25px;
- font-size: 11px;
- font-weight:bold;
- left:0;
- padding-left:3px;
- padding-top:5px;
- background:#ffffff url("../graphics/main_bg.jpg") repeat-x left top;
- color:#000000;
- overflow:hidden;
- }
- #DETAILS_HEADER_TEXT {
- display: inline-block;
- margin: 0px 5px 0px 5px;
- width:100%;
- }
-
- #DETAILS_TEXTLARGE {
- display: inline-block;
- font-size:24px;
- font-weight:bold;
- float:left;
- text-indent: 5px;
- }
- .butPlayerOpts, .butTransOpts, .butUpdate, .butReset, .butLaunchPlayer, .butStopStream, .streamerSettings, .butStream {
- /*
- Basic styling for all the buttons on the page
- */
- display: inline-block;
- height: 25px;
- float:left;
- }
- .butPlayerOpts A, .butTransOpts A, .butUpdate A, .butReset A, .butLaunchPlayer A, .butStopStream A, .streamerSettings A, .butStream A {
- /*
- Visual styling for all the buttons on the page
- */
- text-decoration: none;
- font-size: 11px;
- font-weight:bold;
-
- display: inline-block;
-
- border: 1px solid #000000;
- margin: 4px 4px 0px 0px;
-
- padding: 2px 6px 2px 6px;
-
- background-color: #0066EE;
- color: #000000;
-
- white-space: nowrap;
- text-align: center;
-
- float:left;
- }
- .butPlayerOpts A:active, .butTransOpts A:active, .butUpdate A:active, .butReset A:active, .butLaunchPlayer A:active, .butStopStream A:active, .streamerSettings A:active, .butStream A:active {
- color: #000000;
- }
- .butPlayerOpts A:visited, .butTransOpts A:visited, .butUpdate A:visited, .butReset A:visited, .butLaunchPlayer A:visited, .butStopStream A:visited, .streamerSettings A:visited, .butStream A:visited {
- color: #000000;
- }
- .butPlayerOpts A:hover, .butTransOpts A:hover, .butUpdate A:hover, .butReset A:hover, .butLaunchPlayer A:hover, .butStopStream A:hover, .streamerSettings A:hover, .butStream A:hover {
- color: #000000;
- background-color: #00BBFF;
- }
-
- .butPlayerOpts {
- position:absolute;
- left:0px;
- top:78px;
- padding-top:0px;
- padding-left:3px;
- white-space: nowrap;
- float:left;
- vertical-align: middle;
- }
-
- .butTransOpts {
- position:absolute;
- left:95px;
- top:78px;
- padding-top:0px;
- padding-left:3px;
- white-space: nowrap;
- float:left;
- vertical-align: middle;
- }
-
- .butUpdate {
- position:absolute;
- left:250px;
- top:78px;
- padding-top:0px;
- padding-left:3px;
- white-space: nowrap;
- float:left;
- vertical-align: middle;
- }
-
- .butReset {
- position:absolute;
- left:325px;
- top:78px;
- padding-top:0px;
- padding-left:3px;
- white-space: nowrap;
- float:left;
- vertical-align: middle;
- }
-
- .butStream {
- position:absolute;
- left:400px;
- top:78px;
- padding-top:0px;
- padding-left:3px;
- white-space: nowrap;
- float:left;
- vertical-align: middle;
- }
-
- /* Start of player controls styles */
- #MusicVideoControls {
- position:absolute;
- top:10px;
- left:3px;
- clear: both;
- display: inline-block;
- float:left;
- width:100%;
- }
-
- #serverControlLabel {
- position:absolute;
- width:100%;
- font-weight:bold;
- margin-top:40px;
- left:33%;
- }
-
- #playerControls {
- margin-top:60px;
- position:absolute;
- width:100%;
- left:25%;
- }
- .VLC_PREV_TRACK A, .VLC_SKIP_BACK A, .VLC_STOP A, .VLC_PLAY A, .VLC_PAUSE A, .VLC_SKIP_AHEAD A, .VLC_NEXT_TRACK A {
- /* positioning for VLC playback buttons */
- float:left;
- margin: 9px 0px 0px 10px;
- background-color:#368;
- border: 0;
- }
-
- #pluginArea {
- margin-top:90px;
- position:absolute;
- width:100%;
- left:25%;
- }
- /* End of player controls styles */
-
- /* Start of player options styles */
-
- .playerLabel {
- position:absolute;
- padding:1px 2px 1px 2px;
- margin: 3px 0px 3px 3px;
- display: inline-block;
- font-weight:bold;
- text-align:right;
- white-space: nowrap;
- float:left;
- vertical-align: middle;
- line-height:20px;
- border:1px;
- border-style: solid;
- border-color: #b9cfdc;
- }
- .playerChoice {
- position:absolute;
- top:3px;
- left:100px;
- padding:0px 0px 0px 0px;
- }
-
- .playerInternalExternal {
- position:absolute;
- top:5px;
- left:190px;
- padding:3px 0px 3px 3px;
- }
-
- .playerOptionsLable {
- position:absolute;
- top:27px;
- width:50%;
- padding:1px 2px 1px 2px;
- margin: 3px 0px 3px 3px;
- font-weight:bold;
- text-align:center;
- float:left;
- vertical-align: middle;
- line-height:20px;
- }
-
- .bitRateLabel {
- position:absolute;
- top:50px;
- left:3px;
- padding:1px 2px 1px 2px;
- margin: 3px 0px 3px 3px;
- display: inline-block;
- font-weight:bold;
- text-align:right;
- white-space: nowrap;
- float:left;
- vertical-align: middle;
- line-height:20px;
- border:1px;
- border-style: solid;
- border-color: #b9cfdc;
- }
-
- .bitRate {
- position:absolute;
- top:50px;
- left:100px;
- padding:3px 0px 3px 3px;
- }
-
- .videoSizeOptLabel {
- position:absolute;
- top:50px;
- left:165px;
- padding:1px 2px 1px 2px;
- margin: 3px 0px 3px 3px;
- display: inline-block;
- font-weight:bold;
- text-align:right;
- white-space: nowrap;
- float:left;
- vertical-align: middle;
- line-height:20px;
- border:1px;
- border-style: solid;
- border-color: #b9cfdc;
- }
-
- .videoSizeOpt {
- position:absolute;
- top:50px;
- left:240px;
- padding:3px 0px 3px 3px;
- }
-
- .videoSize {
- position:absolute;
- top:50px;
- left:350px;
- padding:3px 0px 3px 3px;
- }
-
- .videoScale {
- position:absolute;
- top:50px;
- left:350px;
- padding:3px 0px 3px 3px;
- }
-
- .streamerPortLable {
- position:absolute;
- top:80px;
- left:3px;
- padding:1px 2px 1px 2px;
- margin: 3px 0px 3px 3px;
- display: inline-block;
- font-weight:bold;
- text-align:right;
- white-space: nowrap;
- float:left;
- vertical-align: middle;
- line-height:20px;
- border:1px;
- border-style: solid;
- border-color: #b9cfdc;
- }
-
- .streamerPort {
- position:absolute;
- top:80px;
- left:100px;
- padding:3px 0px 3px 3px;
- }
-
- .streamerBufferLable {
- position:absolute;
- top:80px;
- left:165px;
- padding:1px 2px 1px 2px;
- margin: 3px 0px 3px 3px;
- display: inline-block;
- font-weight:bold;
- text-align:right;
- white-space: nowrap;
- float:left;
- vertical-align: middle;
- line-height:20px;
- border:1px;
- border-style: solid;
- border-color: #b9cfdc;
- }
-
- .streamBufferSize {
- position:absolute;
- top:80px;
- left:325px;
- padding:3px 0px 3px 3px;
- }
-
- .streamerPriorityLable {
- position:absolute;
- top:110px;
- left:3px;
- padding:1px 2px 1px 2px;
- margin: 3px 0px 3px 3px;
- display: inline-block;
- font-weight:bold;
- text-align:right;
- white-space: nowrap;
- float:left;
- vertical-align: middle;
- line-height:20px;
- border:1px;
- border-style: solid;
- border-color: #b9cfdc;
- }
-
- .streamPriority {
- position:absolute;
- top:110px;
- left:100px;
- padding:3px 0px 3px 3px;
- }
- /* End of player options styles */
-
-
- /* Start of transcode styles */
- .streamTypeLable {
- position:absolute;
- top:3px;
- left:3px;
- padding:1px 2px 1px 2px;
- margin: 3px 0px 3px 3px;
- display: inline-block;
- font-weight:bold;
- text-align:right;
- white-space: nowrap;
- float:left;
- vertical-align: middle;
- line-height:20px;
- border:1px;
- border-style: solid;
- border-color: #b9cfdc;
- }
-
- .streamSettingChoice {
- position:absolute;
- top:3px;
- left:110px;
- padding:3px 0px 3px 3px;
- }
- .preConfigMessage {
- position:absolute;
- top:26px;
- left:110px;
- padding:3px 0px 3px 3px;
- }
-
- .muxLabel {
- position:absolute;
- top:31px;
- left:3px;
- padding:1px 2px 1px 2px;
- margin: 3px 0px 3px 3px;
- display: inline-block;
- font-weight:bold;
- text-align:right;
- white-space: nowrap;
- float:left;
- vertical-align: middle;
- line-height:20px;
- border:1px;
- border-style: solid;
- border-color: #b9cfdc;
- }
- .Mux {
- position:absolute;
- top:31px;
- left:50px;
- padding:3px 0px 3px 3px;
- }
-
- .codecLabel {
- position:absolute;
- top:31px;
- left:110px;
- padding:1px 2px 1px 2px;
- margin: 3px 0px 3px 3px;
- display: inline-block;
- font-weight:bold;
- text-align:right;
- white-space: nowrap;
- float:left;
- vertical-align: middle;
- line-height:20px;
- border:1px;
- border-style: solid;
- border-color: #b9cfdc;
- }
- .videoFmt {
- position:absolute;
- top:31px;
- left:200px;
- padding:3px 0px 3px 3px;
- }
-
- .audioLabel {
- position:absolute;
- top:61px;
- left:3px;
- padding:1px 2px 1px 2px;
- margin: 3px 0px 3px 3px;
- display: inline-block;
- font-weight:bold;
- text-align:right;
- white-space: nowrap;
- float:left;
- vertical-align: middle;
- line-height:20px;
- border:1px;
- border-style: solid;
- border-color: #b9cfdc;
- }
- .audioFmt {
- position:absolute;
- top:61px;
- left:100px;
- padding:3px 0px 3px 3px;
- }
-
- .audioBitrateLabel {
- position:absolute;
- top:61px;
- left:200px;
- padding:1px 2px 1px 2px;
- margin: 3px 0px 3px 3px;
- display: inline-block;
- font-weight:bold;
- text-align:right;
- white-space: nowrap;
- float:left;
- vertical-align: middle;
- line-height:20px;
- border:1px;
- border-style: solid;
- border-color: #b9cfdc;
- }
- .audioBitrate {
- position:absolute;
- top:61px;
- left:295px;
- padding:3px 0px 3px 3px;
- }
-
- .audioChannelsLabel {
- position:absolute;
- top:91px;
- left:3px;
- padding:1px 2px 1px 2px;
- margin: 3px 0px 3px 3px;
- display: inline-block;
- font-weight:bold;
- text-align:right;
- white-space: nowrap;
- float:left;
- vertical-align: middle;
- line-height:20px;
- border:1px;
- border-style: solid;
- border-color: #b9cfdc;
- }
- .audioChannels {
- position:absolute;
- top:91px;
- left:110px;
- padding:3px 0px 3px 3px;
- }
-
- .videoEncoderLabel {
- position:absolute;
- top:91px;
- left:200px;
- padding:1px 2px 1px 2px;
- margin: 3px 0px 3px 3px;
- display: inline-block;
- font-weight:bold;
- text-align:right;
- white-space: nowrap;
- float:left;
- vertical-align: middle;
- line-height:20px;
- border:1px;
- border-style: solid;
- border-color: #b9cfdc;
- }
- .videoEncoder {
- position:absolute;
- top:91px;
- left:295px;
- padding:3px 0px 3px 3px;
- }
- /* End of transcode styles */
-
- /* Start of H264 styles */
- .H264HeaderLabel {
- position:absolute;
- top:150px;
- width:50%;
- padding:1px 2px 1px 2px;
- margin: 3px 0px 3px 3px;
- font-weight:bold;
- text-align:center;
- float:left;
- vertical-align: middle;
- line-height:20px;
- }
- .H264Help1 {
- position:absolute;
- top:170px;
- width:25%;
- padding:1px 2px 1px 2px;
- margin: 3px 0px 3px 3px;
- font-weight:bold;
- text-align:center;
- float:left;
- vertical-align: middle;
- line-height:20px;
- }
- .H264Help2 {
- position:absolute;
- top:170px;
- left:25%;
- width:25%;
- padding:1px 2px 1px 2px;
- margin: 3px 0px 3px 3px;
- font-weight:bold;
- text-align:center;
- float:left;
- vertical-align: middle;
- line-height:20px;
- }
-
- .H264KeyIntLabel {
- position:absolute;
- top:200px;
- left:3px;
- padding:1px 2px 1px 2px;
- margin: 3px 0px 3px 3px;
- display: inline-block;
- font-weight:bold;
- text-align:right;
- white-space: nowrap;
- float:left;
- vertical-align: middle;
- line-height:20px;
- border:1px;
- border-style: solid;
- border-color: #b9cfdc;
- }
- .H264KeyInt {
- position:absolute;
- top:200px;
- left:65px;
- padding:3px 0px 3px 3px;
- }
-
- .H264IDRIntLabel {
- position:absolute;
- top:200px;
- left:120px;
- padding:1px 2px 1px 2px;
- margin: 3px 0px 3px 3px;
- display: inline-block;
- font-weight:bold;
- text-align:right;
- white-space: nowrap;
- float:left;
- vertical-align: middle;
- line-height:20px;
- border:1px;
- border-style: solid;
- border-color: #b9cfdc;
- }
- .H264IDRInt {
- position:absolute;
- top:200px;
- left:180px;
- padding:3px 0px 3px 3px;
- }
-
- .H264FramesLabel {
- position:absolute;
- top:200px;
- left:240px;
- padding:1px 2px 1px 2px;
- margin: 3px 0px 3px 3px;
- display: inline-block;
- font-weight:bold;
- text-align:right;
- white-space: nowrap;
- float:left;
- vertical-align: middle;
- line-height:20px;
- border:1px;
- border-style: solid;
- border-color: #b9cfdc;
- }
- .H264Frames {
- position:absolute;
- top:200px;
- left:315px;
- padding:3px 0px 3px 3px;
- }
-
- .H264QuantParmLabel {
- position:absolute;
- top:230px;
- left:3px;
- padding:1px 2px 1px 2px;
- margin: 3px 0px 3px 3px;
- display: inline-block;
- font-weight:bold;
- text-align:right;
- white-space: nowrap;
- float:left;
- vertical-align: middle;
- line-height:20px;
- border:1px;
- border-style: solid;
- border-color: #b9cfdc;
- }
- .H264QuantParm {
- position:absolute;
- top:230px;
- left:115px;
- padding:3px 0px 3px 3px;
- }
-
- .H264QuantMaxLabel {
- position:absolute;
- top:230px;
- left:175px;
- padding:1px 2px 1px 2px;
- margin: 3px 0px 3px 3px;
- display: inline-block;
- font-weight:bold;
- text-align:right;
- white-space: nowrap;
- float:left;
- vertical-align: middle;
- line-height:20px;
- border:1px;
- border-style: solid;
- border-color: #b9cfdc;
- }
- .H264QuantMax {
- position:absolute;
- top:230px;
- left:275px;
- padding:3px 0px 3px 3px;
- }
-
- .H264QuantMinLabel {
- position:absolute;
- top:260px;
- left:3px;
- padding:1px 2px 1px 2px;
- margin: 3px 0px 3px 3px;
- display: inline-block;
- font-weight:bold;
- text-align:right;
- white-space: nowrap;
- float:left;
- vertical-align: middle;
- line-height:20px;
- border:1px;
- border-style: solid;
- border-color: #b9cfdc;
- }
- .H264QuantMin {
- position:absolute;
- top:260px;
- left:115px;
- padding:3px 0px 3px 3px;
- }
-
- .H264FrameRefLabel {
- position:absolute;
- top:260px;
- left:175px;
- padding:1px 2px 1px 2px;
- margin: 3px 0px 3px 3px;
- display: inline-block;
- font-weight:bold;
- text-align:right;
- white-space: nowrap;
- float:left;
- vertical-align: middle;
- line-height:20px;
- border:1px;
- border-style: solid;
- border-color: #b9cfdc;
- }
- .H264FrameRef {
- position:absolute;
- top:260px;
- left:260px;
- padding:3px 0px 3px 3px;
- }
-
- .H264AnalyseLabel {
- position:absolute;
- top:290px;
- left:3px;
- padding:1px 2px 1px 2px;
- margin: 3px 0px 3px 3px;
- display: inline-block;
- font-weight:bold;
- text-align:right;
- white-space: nowrap;
- float:left;
- vertical-align: middle;
- line-height:20px;
- border:1px;
- border-style: solid;
- border-color: #b9cfdc;
- }
- .H264LoopAnalyse {
- position:absolute;
- top:290px;
- left:60px;
- padding:3px 0px 3px 3px;
- }
-
- .H264CABACLabel {
- position:absolute;
- top:290px;
- left:100px;
- padding:1px 2px 1px 2px;
- margin: 3px 0px 3px 3px;
- display: inline-block;
- font-weight:bold;
- text-align:right;
- white-space: nowrap;
- float:left;
- vertical-align: middle;
- line-height:20px;
- border:1px;
- border-style: solid;
- border-color: #b9cfdc;
- }
- .H264CABAC {
- position:absolute;
- top:290px;
- left:150px;
- padding:3px 0px 3px 3px;
- }
-
- .H264LoopFilterLabel {
- position:absolute;
- top:290px;
- left:185px;
- padding:1px 2px 1px 2px;
- margin: 3px 0px 3px 3px;
- display: inline-block;
- font-weight:bold;
- text-align:right;
- white-space: nowrap;
- float:left;
- vertical-align: middle;
- line-height:20px;
- border:1px;
- border-style: solid;
- border-color: #b9cfdc;
- }
- .H264LoopFilter {
- position:absolute;
- top:290px;
- left:260px;
- padding:3px 0px 3px 3px;
- }
-
- .H264AdaptLabel {
- position:absolute;
- top:320px;
- left:3px;
- padding:1px 2px 1px 2px;
- margin: 3px 0px 3px 3px;
- display: inline-block;
- font-weight:bold;
- text-align:right;
- white-space: nowrap;
- float:left;
- vertical-align: middle;
- line-height:20px;
- border:1px;
- border-style: solid;
- border-color: #b9cfdc;
- }
- .H264Adapt {
- position:absolute;
- top:320px;
- left:60px;
- padding:3px 0px 3px 3px;
- }
-
- .H264MeLabel {
- position:absolute;
- top:320px;
- left:115px;
- padding:1px 2px 1px 2px;
- margin: 3px 0px 3px 3px;
- display: inline-block;
- font-weight:bold;
- text-align:right;
- white-space: nowrap;
- float:left;
- vertical-align: middle;
- line-height:20px;
- border:1px;
- border-style: solid;
- border-color: #b9cfdc;
- }
- .H264Me {
- position:absolute;
- top:320px;
- left:145px;
- padding:3px 0px 3px 3px;
- }
-
- .H264SubMeLabel {
- position:absolute;
- top:320px;
- left:200px;
- padding:1px 2px 1px 2px;
- margin: 3px 0px 3px 3px;
- display: inline-block;
- font-weight:bold;
- text-align:right;
- white-space: nowrap;
- float:left;
- vertical-align: middle;
- line-height:20px;
- border:1px;
- border-style: solid;
- border-color: #b9cfdc;
- }
- .H264SubMe {
- position:absolute;
- top:320px;
- left:255px;
- padding:3px 0px 3px 3px;
- }
-
- .H264ChromaMeLabel {
- position:absolute;
- top:350px;
- left:3px;
- padding:1px 2px 1px 2px;
- margin: 3px 0px 3px 3px;
- display: inline-block;
- font-weight:bold;
- text-align:right;
- white-space: nowrap;
- float:left;
- vertical-align: middle;
- line-height:20px;
- border:1px;
- border-style: solid;
- border-color: #b9cfdc;
- }
- .H264ChromaMe {
- position:absolute;
- top:350px;
- left:83px;
- padding:3px 0px 3px 3px;
- }
-
- .H264MeRangeLabel {
- position:absolute;
- top:350px;
- left:140px;
- padding:1px 2px 1px 2px;
- margin: 3px 0px 3px 3px;
- display: inline-block;
- font-weight:bold;
- text-align:right;
- white-space: nowrap;
- float:left;
- vertical-align: middle;
- line-height:20px;
- border:1px;
- border-style: solid;
- border-color: #b9cfdc;
- }
- .H264MeRange {
- position:absolute;
- top:350px;
- left:210px;
- padding:3px 0px 3px 3px;
- }
-
- /* End of H264 styles */
-
- #ERROR_MESSAGE {
- position:absolute;
- bottom:50px;
- clear: both;
- display: inline-block;
- float:left;
- width:100%;
-
- border-top: 3px solid #ff0000;
- border-bottom: 3px solid #ff0000;
- padding: 8px 12px 9px 12px;
- color: #000000;
- font-size: 12px;
- font-weight: bold;
- background-color: #ff9f9f;
- text-align: center;
- margin-top:5px;
- }
-
- #DIV_CONTENTS {
- /*
- This is A divider line between any fixed top section within the content area and the content itself.
- This is typically used in the guide page to separate the showtime header from the content.
- In other pages which don't need this functionality it can simply be hidden.
- */
- top:104px;
- }
- #CONTENTS {
- /*
- This is the main content area.
- To ensure proper scrolling behavior it MUST be absolutely positioned.
- Both top and bottom values must be specified.
- Top value would be the height of all foxed content above it.
- Bottom value would be the height of the footer area minus the height of the divider for the footer.
- Values must be tweaked due to differences in how IE and Firefox interpret the box model.
- */
- top:133px;
- bottom:10px;
- overflow-x:hidden;
- }
-
- .textLarge {
- line-height:20px;
- padding-top:3px;
- }
-
- .textSmall {
- padding-left:3px;
- line-height:12px;
- }
-
- .pageInfo {
- position:absolute;
- right:0px;
- top:0px;
- float:right;
- font-size: 16px;
- font-weight:bold;
- margin-right:0px;
- line-height:30px;
- color: #000000;
- }
-